[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Space_Grotesk, DM_Sans } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", }) const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], display: "swap", variable: "--font-space-grotesk", }) const dmSans = DM_Sans({ subsets: ["latin"], display: "swap", variable: "--font-dm-sans", }) export const metadata: Metadata = { title: "AI Solutions - Build Smarter, Faster, with AI That Works", description: "We design, develop, and deploy custom Machine Learning & AI solutions for businesses of all sizes — faster than you think.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.145 0.05 240); /* Dark navy */ --foreground: oklch(0.985 0 0); /* White text */ --card: oklch(0.18 0.05 240); /* Slightly lighter navy for cards */ --card-foreground: oklch(0.985 0 0); --popover: oklch(0.18 0.05 240); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.6 0.25 240); /* Electric blue */ --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.25 0.05 240); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.25 0.05 240); --muted-foreground: oklch(0.7 0 0); --accent: oklch(0.65 0.3 300); /* Neon purple */ --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.3 0.05 240); --input: oklch(0.25 0.05 240); --ring: oklch(0.6 0.25 240); --chart-1: oklch(0.6 0.25 240); --chart-2: oklch(0.65 0.3 300); --chart-3: oklch(0.7 0.2 180); --chart-4: oklch(0.75 0.2 120); --chart-5: oklch(0.8 0.2 60); --radius: 0.625rem; --sidebar: oklch(0.18 0.05 240); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.6 0.25 240); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.25 0.05 240); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.3 0.05 240); --sidebar-ring: oklch(0.6 0.25 240); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); /* Adding new font variables for Space Grotesk and DM Sans */ --font-sans: var(--font-dm-sans); --font-serif: var(--font-space-grotesk); --font-mono: var(--font-inter); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground font-sans; } } /* Adding revolutionary animations for the extraordinary design */ /* Particle drift animation for background elements */ @keyframes particle-drift { 0% { transform: translateY(0px) translateX(0px); opacity: 0.3; } 50% { transform: translateY(-100px) translateX(50px); opacity: 0.8; } 100% { transform: translateY(-200px) translateX(-30px); opacity: 0; } } /* Neural network pulse animation */ @keyframes neural-pulse { 0%, 100% { opacity: 0.2; stroke-width: 1; } 50% { opacity: 0.8; stroke-width: 2; } } /* Text assembly animation for AI phrases */ @keyframes text-assemble { 0% { opacity: 0; transform: translateY(30px) scale(0.9); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0px) scale(1); filter: blur(0px); } } /* Glow pulse for important elements */ @keyframes glow-pulse { 0%, 100% { box-shadow: 0 0 20px rgba(8, 145, 178, 0.3); } 50% { box-shadow: 0 0 40px rgba(8, 145, 178, 0.6), 0 0 60px rgba(250, 204, 21, 0.3); } } /* 3D node floating animation */ @keyframes node-float { 0%, 100% { transform: translateY(0px) rotateX(0deg); } 33% { transform: translateY(-15px) rotateX(5deg); } 66% { transform: translateY(-5px) rotateX(-3deg); } } /* Fractal background shift */ @keyframes fractal-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Apply animations */ .animate-particle-drift { animation: particle-drift linear infinite; } .animate-neural-pulse { animation: neural-pulse ease-in-out infinite; } .animate-text-assemble { animation: text-assemble 1.2s ease-out forwards; } .animate-glow-pulse { animation: glow-pulse 3s ease-in-out infinite; } .animate-node-float { animation: node-float 6s ease-in-out infinite; } .animate-fractal-shift { animation: fractal-shift 20s ease-in-out infinite; background-size: 400% 400%; } /* 3D perspective utilities */ .perspective-1000 { perspective: 1000px; } .transform-3d { transform-style: preserve-3d; } .rotate-y-12 { transform: rotateY(12deg); } /* Original animations preserved */ @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.8; } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { ArrowRight, Brain, Zap, Eye, Target, TrendingUp, BarChart3 } from "lucide-react" import { useEffect, useState } from "react" export default function RevolutionaryAIExperience() { const [scrollY, setScrollY] = useState(0) const [currentPhrase, setCurrentPhrase] = useState(0) const [isVisible, setIsVisible] = useState(false) const aiPhrases = [ "You're entering the mind of intelligence itself.", "We see patterns humans can't.", "We create solutions others won't.", "The future is not waiting.", "Neither should you.", ] useEffect(() => { const handleScroll = () => setScrollY(window.scrollY) window.addEventListener("scroll", handleScroll) // Trigger phrase animation const timer = setTimeout(() => setIsVisible(true), 1000) // Cycle through phrases const phraseTimer = setInterval(() => { setCurrentPhrase((prev) => (prev + 1) % aiPhrases.length) }, 3000) return () => { window.removeEventListener("scroll", handleScroll) clearTimeout(timer) clearInterval(phraseTimer) } }, []) return (

{/* Floating Navigation */} {/* 1. ARRIVAL / AWAKENING */}

{/* Particle Field Background */}

{[...Array(50)].map((_, i) => (

))}

{/* Neural Network Lines */}

{/* Central Content */}

{aiPhrases[currentPhrase]}

{/* Scroll Indicator */}

{/* 2. THE INTELLIGENCE SPEAKS */}

Build Smarter, Faster, with AI
That Works in the Real World

We design, develop, and deploy custom Machine Learning & AI solutions that transform businesses — faster than you think, smarter than you imagined.

{/* 3. CAPABILITY REALMS - 3D Floating Nodes */}

Enter the Capability Realms

Three dimensions of AI mastery, each a gateway to transformation

{/* Predictive Systems Node */}

Predictive Systems

See the future before it happens. Our ML models predict patterns, behaviors, and outcomes with unprecedented accuracy.

Neural Networks

{/* Autonomous Decisions Node */}

Autonomous Decisions

Intelligence that acts. Our AI systems make complex decisions in real-time, learning and adapting continuously.

Deep Learning

{/* Adaptive Learning Node */}

Adaptive Learning

Evolution in action. Our systems grow smarter with every interaction, constantly optimizing for better outcomes.

Reinforcement Learning

{/* 4. PROOF THROUGH VISION - Horizontal Scroll */}

Proof Through Vision

Journey through worlds we've transformed with intelligence

{/* E-commerce Data World */}

E-commerce

+45%

Personalized Product Recommendations

Transformed a struggling e-commerce platform into a conversion machine using collaborative filtering and deep learning.

Conversion Rate +45%

User Engagement +60%

Revenue Impact $2.3M

{/* Healthcare Data World */}

Healthcare

95%

Medical Image Analysis

Computer vision model that revolutionized diagnostic accuracy while reducing review time by 70%.

Accuracy Rate 95%

Time Reduction -70%

Lives Impacted 50K+

{/* Manufacturing Data World */}

Manufacturing

-80%

Predictive Maintenance

IoT sensor analysis with ML models that predict failures before they happen, saving millions.

Downtime Reduction -80%

Cost Savings $4.2M

Efficiency Gain +35%

{/* 5. INVITATION TO COLLABORATE - Cinematic CTA */}

{/* AI Fractal Background */}

{/* Floating Geometric Shapes */}

{[...Array(20)].map((_, i) => (

))}

The future is not waiting.
Neither should you.

Ready to transcend the ordinary? Our AI architects are standing by to design your transformation.

{/* Trust Indicators */}

500+

AI Solutions Deployed

$50M+

Value Generated

99.9%

Uptime Achieved

{/* Minimal Footer */}

) }

Build Smarter, Faster, with AI That Works in the Real World

About

Tags

Share

About

Tags

Share

More from abhilashsahoo

More Templates Like This

About

Tags

Share

About

Tags

Share

More from abhilashsahoo

More Templates Like This